<?= $this->extend('admin\_layouts\main_iframe') ?>

<?= $this->section('content') ?>
<div class="layui-fluid">
<div class="layui-row layui-col-space15">
    <div class="layui-col-md12">
    	<div class="layui-card">
        	<div class="layui-card-header">修改密码</div>
            <div class="layui-card-body" pad15>
            	<div class="layui-form" lay-filter="">
                	<div class="layui-form-item">
                    	<label class="layui-form-label">当前密码</label>
                        <div class="layui-input-inline">
                          <input type="password" name="oldPassword" lay-verify="required" class="layui-input">
                        </div>
                  	</div>
                  	<div class="layui-form-item">
                    	<label class="layui-form-label">新密码</label>
                        <div class="layui-input-inline">
                          <input type="password" name="password" lay-verify="required|pass" autocomplete="off" id="LAY_password" class="layui-input" placeholder="">
                        </div>
                        <div class="layui-form-mid layui-word-aux">6到16个字符</div>
                  	</div>
                  	<div class="layui-form-item">
                        <label class="layui-form-label">确认新密码</label>
                        <div class="layui-input-inline">
                            <input type="password" name="password_confirm" lay-verify="required|repass" autocomplete="off" class="layui-input">
                            <!--<input type="hidden" name="<?/*=csrf_token() */?>" value="<?/*=csrf_hash() */?>" lay-verify="required" class="layui-input">-->
                            <?=csrf_field()?>
                        </div>
                  	</div>
                  	<div class="layui-form-item">
                        <div class="layui-input-block">
                          <button class="layui-btn" lay-submit lay-filter="setmypass">确认修改</button>
                        </div>
                  	</div>
                </div>
    		</div>
    	</div>
    </div>
</div>
</div>
<?= $this->endSection() ?>

<?= $this->section('script') ?>
<script>
layui.use(['form','layer'], function(){
    var form = layui.form
        ,layer = layui.layer
        ,$ = layui.jquery;

    form.verify({
    	pass: [/^[\S]{6,12}$/, "密码必须6到12位，且不能出现空格"],
        repass: function(t) {
            if (t !== $("#LAY_password").val()) return "两次密码输入不一致"
        }
    });
    form.on('submit(setmypass)', function(data){
    	//监听提交
        $.ajax({
            url : '/admin/password',
            type : 'post',
            dataType : 'json',
            data : data.field,
            success : function(res){
                if(res.code==0){
                    // window.parent.location.reload();
                	layer.open({
                 		content: res.msg,
                 	  	btn: ['确定'],
              	  	  	yes: function(index, layero){
                  	  		//确定按钮回调
                  	  	  	window.location.reload();
                        	return false;
                  	  	}
                 	});
                }else{
                    layer.open({
                        content: res.msg
                    });
                }
            }
        });
        return false;	
    });
});
</script>
<?= $this->endSection() ?>